@charset "utf-8";

@font-face{ font-family:Impact; src:url(../fonts/impact.ttf);}
@charset "utf-8";


@font-face {
  font-family: "思源宋体 Heavy";font-weight: 900;
  font-display: swap;
} 
@font-face {
  font-family: "思源宋体 SemiBold";font-weight: 600;
  font-display: swap;
}

@media screen and (max-width:1024px){
	html{font-size: 90px!important;}
}
@media screen and (max-width:900px){
	html{font-size: 85px!important;}
}
@media screen and (max-width:640px){
	body{font-size: .18rem}
}
@media screen and (max-width:480px){
	html{font-size: 80px!important;}
}
@media screen and (max-width:375px){
	html{font-size: 75px!important;}
}
@media screen and (max-width:360px){
	html{font-size: 70px!important;}
} 

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { 
}

@media (-webkit-min-device-pixel-ratio: 1.05) {
    @media screen and (min-width:1920px){
		html{font-size: 100px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 95.5px!important;}
    }
}
@media (-webkit-min-device-pixel-ratio: 1.1) {
    @media screen and (min-width:1920px){
		html{font-size: 100px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 92.5px!important;}
    }
}
@media (-webkit-min-device-pixel-ratio: 1.15) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 87px!important;}
    }
}
@media (-webkit-min-device-pixel-ratio: 1.20) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 84px!important;}
    }
}
/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 80px!important;}
    }
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
    @media screen and (min-width:1920px){
		html{font-size: 80px!important;}
    }
    @media screen and (max-width:1920px){
		html{font-size: 80px!important;}
    }
}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.wp{width: 15rem;padding: 0;margin: 0 auto;max-width: calc(100% - 1.7rem);}

.header_box_li{position: absolute;z-index: 1;width: 100%;top: 0;padding: 0; background: url(../images/header_box_bg.png) right top no-repeat;}
.header_box .wp{display: flex;justify-content: space-between;width: 95%;position: relative;}
.header_box .left{width: 3.88rem;padding: .26rem 0 0;}
.header_box .left a{display:block;width:100%;}
.header_box .left img{ max-width:100%}
.header_box .right{width: calc(100% - 3.88rem);padding: 0 0 0 1rem;    margin-top: 6px;}

.header_box{position: relative;z-index: 10000;height: 0;}
#header{z-index:999;width:100%;transition: 0.36s;background-size:cover;text-align: right;margin-bottom: .1rem;}
.header_box:before{content:"";position:absolute;height: 2.55rem;top:0;left: 0;right: 0;transition: 0.5s;opacity: 1;visibility: visible;background: url(../images/head-bg.png) center top no-repeat;background-size: 100% 100% !important;pointer-events: none;z-index: -1;}
.header_box_li:after{content:"";position:absolute;height: 0;top:0;left: 0;right: 50%;background: #0e2b59;transition: .5s;z-index: -1;height: 3px;}

.header_top{position: relative;padding: 0;z-index: 10000;overflow: hidden;display: flex;align-items: center;justify-content: flex-end;line-height: .58rem;}
.header_top .tianqi{ display:inline-block; height:4rem}
.header_top .search_btn{display:inline-block;float: none;font-size: 14px;color: rgba(255,255,255,.5);}

.header_top .search {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 20;
}
.header_top .search .input {
    position: absolute;
    z-index: 1;
    left: auto;
    right: -.5rem;
    top: -12px;
    bottom: auto;
    height: 40px;
    width: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.header_top .search .input input {
    width: 100%;
    height: 100%;
    font-size: 13px;
    padding: 0 2rem 0 1rem;
    color: #333;
}
.header_top .search .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.header_top .search .btn input{cursor: pointer;position: absolute;z-index: 1;left: 0;top: 0;right:0;bottom: 0;height: 100%;width: 100%;}
.header_top .search .btn svg{width: 18px;height: 18px;fill:#fff;}
.header_top .search:hover .btn svg{ fill: #f39f37;}
.header_top .search:hover .input { width: 16.25rem; opacity: 1; visibility: visible;}

.list_box0{display: flex;align-items: center;}
.list_box0 .li{font-size: .16rem;color: #fff;display: inline-block;transition: .5s;margin-left: .2rem;position: relative;}
.list_box0 .li>a{display:block;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);}
.list_box0 .li a>img{margin: -2px 0 0 0;}
.list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: 3.5rem;opacity: 1;visibility: visible;transform-origin:top;display: none;}
.list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }
.list_box0 .li:hover{opacity: 1;color: #f39f37;}

.list_box1{display: flex;align-items: center;}
.list_box1 .li{margin-left: .2rem;}
.list_box1 .li a{display:flex;align-items:center;justify-content: center;border-radius: 50%;font-size: 12px;color: #fff;transition: .5s;}
.list_box1 .li svg{width: .24rem;height: .24rem;fill: #fff;transition: .5s;}

.list_box1 .li a:hover svg{fill: #f39f37;}

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{ line-height:60px;}
#m_header .list_box0 .li a .ewm_box{ top:60px}
#m_header .list_box0 .li a>img{height: 12px;}
 

.list_box_01{font-size:0;white-space:nowrap;padding: .625rem;}
.list_box_01 li{display: block !important;margin: 0 15px !important;text-align:center;}
.list_box_01 li h3 img{ border:#ededed 1px solid; width:85px; height:85px;}
.list_box_01 li h5{font-size:.75rem;color:#666666;line-height:20px;margin: 0;}

.list_box0 .li:after{content:"";position:absolute;left: -1.625rem;width:1px;height: 16px;top: 50%;margin-top: -8px;opacity: .8;}
.list_box0 .li:first-child:after{ display:none}
.header_box header .wp{height: 112px;position:relative;display: flex;align-items: center;justify-content: space-between;}
/*.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}*/

#logo{height: 100%;position: relative;display: flex;align-items: center;}
#logo img{}
#logo img.img2{ display:none}



#nav{z-index: 1;height: .5rem;width: 100%;float:right;}
#nav:before{content:"";position: absolute;top: 0;left:0;width:0;height: 1px;background: rgba(255,255,255,.4);transition: 2s;transition-delay: .5s;}
#nav.on:before{width:100%;}
#nav .wp{display: flex;align-items: center;height: 100%;margin:0 auto;}
#nav .logos{width: 0;padding: 0;overflow: hidden;/* transition: .5s; */height: .58rem;display: flex;align-items: center;}
#nav .logos img{max-width:100%;max-height: .6rem;}
#nav ul{width: 10.86rem;float:right;height: 100%;max-width: 100%;}
#nav ul li{float:left;z-index:0;margin-left: 0;position: inherit;height: .8rem;width:9.09%;}
#nav ul li a{display:block;padding: 0;position: relative;z-index: 2;height: .4rem;}
#nav ul li h3{font-size: .2rem;color:#fff;height: 100%;line-height:.4rem;position:relative;transition: .5s;text-align: center;padding: 0;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35);}
#nav ul li h3:after{content:"";position:absolute;left: 50%;bottom: 0;transition:.6s;width: 0;height: 3px;background: #1074cb; margin-left:0; opacity:0;visibility:hidden;}
#nav ul li.on h3:after, #nav ul li:hover h3:after{ opacity:1; visibility:visible; width: .34rem; margin-left: -.17rem;}
#nav ul li.xiala:hover h3:after{opacity:1;visibility:visible;width: 1.4rem;margin-left: -.7rem;}
#nav ul li a i{ margin:-3px 0 0 .625rem; display:inline-block; width:10px; height:5px; background:; transition:.5s}
#nav ul li.on a i, #nav ul li:hover a i{ background:;}
#nav ul li a i{ display:inline-block;  width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: 1.4rem;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .5s;transform-origin: top;box-shadow: 0 0 60px rgba(0,0,0,.1);}
#nav ul li .sub .box{padding: 0;text-align:center;}
#nav ul li .sub a{padding: 8px 40px;line-height: 28px;transition:.6s;font-size: 14px;color: #666666;text-align: center;white-space: nowrap;}
#nav ul li .sub a:hover{color: #fff;background: #1074cb;}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}
#nav>ul>li.on h3,#nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3{}

#nav>ul>li h3:before{content:"";display:block;position:absolute;width: 12px;height: 12px;right: -1.375rem;top: 50%;margin-top: -6px;transition:.3s; display:none}
#nav>ul>li.xiala h3:before{ display:block}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#nav>ul>li.noSubMenu h3:before{ display:none}

.miso_navs #nav .wp>ul>li{ height: 100%}
.miso_navs #nav .wp>ul>li>a{ height: 100%}
.miso_navs .sub_nav1{ top:100%}

.sub_nav1{position: absolute;top: 120%;left: 0;right: 0;background: #fff;padding: .4rem;transition: .5s;border: #dddddd 1px solid;visibility:hidden;opacity:0;filter:Alpha(opacity=0);transform: scaleY(0);transform-origin: top;}
.sub_nav1 .box{display:flex;width: 1200px;max-width: 100%;margin: 0 auto;}
.sub_nav1 .box .ll{width: 2.75rem;padding: .1rem 0 0;}
.sub_nav1 .box .ll h2{font-size: .32rem;color: #27509a;font-weight: bold;line-height: 1.375;}
.sub_nav1 .box .ll h4{font-size: .22rem;color: #dcddde;font-weight: bold;font-family: Baskerville Old Face;text-transform: uppercase;margin: .06rem 0 0;max-width: 2rem;line-height: 1.125;}
.sub_nav11 .box .cc{width: calc(100% - 2.1rem - 2.1rem);padding: 0 .8rem 0 0;}
.sub_nav11 .box .cc p{font-size: 14px;color: #666666;line-height: 23px;margin: 10px 0 .16rem;}
.sub_nav11 .box .rr{width: 4rem;}
.sub_nav11 .box .rr img{ width: 100%}

.sub_nav11_box{display: flex;flex-wrap: wrap;margin: 0 -.15rem;}
.sub_nav11_box .li{min-width: 20%;padding: 0 .15rem;margin-bottom: .1rem;position: relative;}
.sub_nav11_box .li>a{display: flex !important;height: .5rem;align-items: center;font-size: .17rem;color: #27509a;border-bottom: #cbcbcb 1px solid;transition: .5s;}
.sub_nav11_box .li>a::after{content: "";left: 0;bottom: -1px;width: .3rem;height: 1px;background: #b90417;position: absolute; transition:.5s}
.sub_nav11_box .li>a:hover::after{ width: 100%}
.sub_nav11_box .li>a:hover{ color:#b90417}

.sub_nav11_box .li .nav_sanji{position:absolute;top: 100%;background:#fff;left: .3rem;right: .3rem;transform: scaleY(0);transform-origin: top;transition: .5s;z-index: 1;}
.sub_nav11_box .li:hover .nav_sanji{ transform: scaleY(1);}
.sub_nav11_box .li:hover{z-index: 4;}
#nav ul li:hover .sub_nav1{opacity: 1;visibility: visible;transform: scaleY(1);}

.miso_navs #nav .logos{width: 5rem;padding: 0 1rem 0 0;height: 100%;}
.miso_navs{position: fixed;left:0;width:100%;background: #193f83;box-shadow: 0 0 60px rgba(0,0,0,.1);top: 0;z-index: 100000;height: .75rem;transform: translateY(-101%);transition: .5s;}
.miso_navs #nav{ height: 100%}
.miso_navs #nav .wp{height: 100%;width: 18.2rem;justify-content: space-between;}
.miso_navs #nav ul{width: 10.86rem;}
.miso_navs #nav ul li h3{color: #fff;padding: 0;text-shadow: none;padding-top:.15rem;}

.miso_navs.xg1{ transform: translateY(0);}

.search_btn{cursor:pointer;text-align: center;float:left;transition:.6s;margin: 0;position: relative;fill: #ffff;}
.search_btn img{margin: 0;}
#header .dw2{float:left;height: 90px;width: 53px;cursor:pointer;position:relative;margin-right: 1.5rem;transition:.6s;margin-left: 1rem;}
#header .dw2 .j_tab{ }
#header .dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -8px;}
#header .dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
#header .dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 13px;color:#fff;cursor:pointer;transition:.6s;}
#header .dw2 .dh span{padding-right: 14px;width: 53px;height: 23px;display: inline-block;font-style: italic;}
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #acce22;left: 0;border: 1px solid #acce22;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #acce22;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}


.header_box_li.xg:before{height: 0;opacity: 0;visibility: hidden;}
.header_box_li.xg:after{ height:100%}

.header_box_li.xg #logo img.img1{ display: none;}
.header_box_li.xg #logo img.img2{ display: block;}

.header_box_li.xg #nav{ border-top: #e5e5e5 1px solid;}
.header_box_li.xg #nav ul li h3{ color: #333;}
.header_box_li.xg .list_box0 .li{ color: #333333;}
.header_box_li.xg .list_box1 .li a{ border: #990000 1px solid; background: #fff; color: #990000; }
.header_box_li.xg .list_box1 .li a svg{ fill: #990000;}

.header_box_li.xg .list_box0 .li:hover{ color: #990000; opacity:1}
.header_box_li.xg .list_box1 .li a:hover{ border:#990000 1px solid; background:#990000}
.header_box_li.xg .list_box1 .li a:hover svg{ fill: #fff;}

.search_btn{cursor: pointer;}
.list_box0 .li svg{fill: #cc0000;width: .18rem;height: .18rem;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #27509a;transition: .6s;left: 0;right: 0;z-index: 1;opacity: .8;background-image: -moz-linear-gradient( 36deg, #27509a 0%, #1074cb 100%);background-image: -webkit-linear-gradient( 36deg, #27509a 0%, #1074cb 100%);background-image: -ms-linear-gradient( 36deg, #27509a 0%, #1074cb 100%);-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 8rem;
	margin: 0 auto;
	padding: 0 0.08rem 0 .24rem;
	background-color: rgba(255,255,255,.1);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: .72rem;
	width: calc(100% - .56rem);
	background-color: transparent;
	font-size: .2rem;
	line-height: .08rem;
	color: #fff;
	transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: .72rem;
	width: .56rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: .24rem;
	background-image: url('../images/search-btn.png');
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);

	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.png');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image:;
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.f-cb h3{ font-size: .3rem; color: #fff; text-align: center; margin-bottom: .3rem}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.png);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*顶部搜索*/
.tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;}
.tc_search .header-search{height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .focus_js{font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;

}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/

video{margin:0 auto;}

/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .75rem;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 15px;height: .75rem;background: #27509a;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header #logo img{height: .4rem;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box1{margin-right: .4rem;}
.m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 16px;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .85rem;height: .75rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #b90417;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -6px;border-right: #b90417 6px solid;border-bottom: transparent .75rem solid;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 84px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #27509a;background-size:cover;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #0656b7 url(../images/submit.png) center no-repeat; background-size: 1.75rem;}


#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}

#m_nav .list_box0{width: 100%;justify-content: center;}
#m_nav .list_box0 .li{margin: 0 .04rem;font-size: 12px;}

.list_box_nav_mobile{width:100%;height: 100%;/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: scroll;margin: 0;flex: 1;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.15);line-height: .64rem;color: rgba(255,255,255,.8);padding: 0;font-size: .2rem;display: flex;position: relative;transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: 0.64rem;display: inline-block;background: url(../images/arrow_down.png) center no-repeat;background-size: 15px 8px !important;position: absolute;display: block;right: 0;top: 0;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color: rgba(255,255,255,.6);line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;height: 60px;display: none;}
.wap_search form{height:40px;border-radius: 0;background: rgb(255 255 255);position:relative;width: 100%;margin: 10px auto;}
.wap_search .input{font-size: 14px;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(../images/submit.png) center no-repeat #b90417;background-size: .24rem;border-radius: 0;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮结束*/

/*首页banner*/
#banner{width:100%;overflow: hidden;position: relative;/* top:0; *//* left:0; */z-index:1;background:#fff;height: 100vh;}
#banner .banner_slider{margin: 0;height: 100vh;}
#banner li{position:relative;display: block !important;}
#banner li .img img{width:100%;height: 100vh !important;background-size: cover !important;z-index:8;}	
#banner .miso-slide video{display: block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;object-fit: cover;font-family: 'object-fit: cover';}

#banner li .img .img_hezi{padding-bottom: 100% !important;}
#banner .miso-current .img img{}
#banner .wp{ height:100%;}
#banner li.miso-current{ z-index:999;}
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}

@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }

    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}

#banner .banner_slider .miso-arrow{width: 5rem;height: 5rem;background: rgba(0,0,0,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.5s;left: auto;top: 50%;transform: translateY(-50%);margin-top: -2.5rem;}
#banner .banner_slider .miso-arrow svg{width: 2rem;height: 2rem;fill: #fff;transition:.5s;opacity: .6;}
#banner .banner_slider .miso-prev{left: 1%;}
#banner .banner_slider .miso-next{right: calc(1% + 12.5rem);}

#banner .banner_slider .miso-arrow:hover{ background:#06783f}
#banner .banner_slider .miso-arrow:hover svg{ fill:#fff; opacity:1}


/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.main-visual-wrapper{width: 100%;overflow: hidden;position: relative;}
.main-visual-slider {
	overflow:hidden;
	width: 100vw;
	height: calc(100vh - .92rem);
	background-color:#fff;
	position: relative;
}
.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}
/* .main-visual-slider .swiper-slide::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: 100% auto;z-index: 1;} */
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
    background: -moz-linear-gradient(top, black 0, transparent 0%, transparent 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 0%, transparent 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 0%, transparent 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
}
.main-visual-slider .swiper-slide .visual-img{position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:1649px;height: 100%;width:100%;background-size: cover !important;
    background-position: center;}
.main-visual-slider .swiper-slide .visual-img img, .main-visual-slider .swiper-slide .visual-img video{width:100%;height:100%;object-fit: cover;font-family: 'object-fit: cover';}
.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
}
.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/*background-size: cover;*/
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}

.main-visual-slider .swiper-pagination-bullet{width: .42rem;height: .42rem;background: none;opacity: 1;margin: 0 !important;transition: .5s;background: url(../images/banner_dots.png) center no-repeat;background-size: 100% 100% !important;}
.main-visual-slider .swiper-pagination{bottom: 0;padding: 0 0;top: 0;left: auto;right: .46rem;width: .42rem;display: flex;flex-direction: column;justify-content: center;}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/banner_dots_on.png) center no-repeat; transform: rotateY(180deg)}

.miso-arrow1_b{position: absolute;bottom: .9rem;left: 0;right: 0;z-index: 10; display: none;}
.miso-arrow1_b *{ transition: all 0.5s ease 0s;}
.miso-arrow1_b .wp{ display: flex; align-items:  center; justify-content: flex-end;}
.miso-arrow1_b .miso-arrow1{width: .4rem;height: .4rem;border: #fff 2px solid;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-left: .28rem;position: relative; cursor: pointer; overflow: hidden}
.miso-arrow1_b .miso-arrow1 img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.miso-arrow1_b .miso-prev1 .img2{transform: translate(calc(-50% + 100%), -50%) scale(.5);opacity: 0;}
.miso-arrow1_b .miso-next1 .img2{transform: translate(calc(-50% - 100%), -50%) scale(.5);opacity: 0;}

.miso-arrow1_b .miso-arrow1:hover{ border: #ed7d31 2px solid;}
.miso-arrow1_b .miso-prev1:hover .img2{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.miso-arrow1_b .miso-prev1:hover .img1{transform: translate(calc(-50% - 100%), -50%) scale(0);opacity: 0;}
.miso-arrow1_b .miso-next1:hover .img2{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.miso-arrow1_b .miso-next1:hover .img1{transform: translate(calc(-50% + 100%), -50%) scale(0);opacity: 0;}

.n_padding{ padding: .6rem 0; overflow: hidden;}

.tubiao{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,.8);z-index: 10;padding: .08rem 0;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.list1{/* display: flex; */}
.list1 .miso-list{ padding: .6rem 0; margin: -.6rem 0}
.list1 li{ flex: 1;}
.list1 li *{ transition: .5s;}
.list1 li .a{height: 1.32rem;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center; position: relative; z-index: 1;}
.list1 li .a::before{content: "";position: absolute;background: url(../images/list1_bg.png) center no-repeat;background-size: 100% 100%;width: 1.34rem;height: 1.34rem;top: 50%;left: 50%; margin: -.67rem 0 0 -.67rem;z-index: -1;-webkit-filter: drop-shadow(0 0 .4rem rgba(0,0,0,.25));filter: drop-shadow(0 0 .4rem rgba(0,0,0,.25)); -webkit-animation:play 15s linear infinite; -moz-animation:play 15s linear infinite; animation:play 15s linear infinite; opacity: 0;}
.list1 li .a h5{ font-size: .22rem; color: #333333; font-weight: bold; line-height: 1.25; margin: .1rem 0 0; font-family: "Microsoft Yahei";}
.list1 li .a .ico svg{ width: .5rem; height: .5rem}

.miso_search1{ height: .92rem; background: #0f69c5 url(../images/miso_search1_bg.jpg) center no-repeat; background-size: cover; position: relative; z-index: 1;}
.miso_search1 .wp{ height: 100%; display: flex; align-items: center}
#bgs{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
canvas {
  display:block;
  position: relative;
}
.waves {
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height: 3rem;
  z-index: -1;
}
#particles { position:absolute; top:0; left:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#bgs div,
#bgs div::after {
  position: absolute;
  width: 55vw;
  height: 10vh;
  left: 0;
  top: -100px;
  transform-origin: top left;
  /* border-bottom: 1px solid hotpink; */
  border-radius: 0 0 0 100%;
}
#bgs div::after {
  content: "";
  left: 100%;
  top: 100%;
  border-radius: 0 100% 0 0;
  /* border-top: 1px solid deeppink; */
  border-bottom: none;
}
#bgs div::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 6px;
  background: #ffffff;
  box-shadow: 0 0 20px #ffffff;
  top: 0;
  left: 0;
  border-radius: 999px;
  animation: spark 6000ms linear infinite;
  transform: scale(0.1) translate(-20vw, 0);
  animation-delay: inherit;
}
@keyframes spark {
  0% {
    transform: scale(0.1) translate(-20vw, 0);
  }
  100% {
    transform: scale(1) translate(150vw, 100%);
  }
}

.miso_form1{/* display: flex; *//* flex-wrap: wrap; */line-height: .46rem;width: 856px;margin: 0 auto;max-width: 100%;/* justify-content: space-between; */}
.miso_form1 .divselect{width: calc(100% - .88rem);height: 100%;position: relative;background: #fff;padding: 0;}
.miso_form1 .divselect:before{content:"";position:absolute;left:0;top:50%;margin-top: -2rem;width:1px;height:4rem;background:#cfcecf;}
.miso_form1 .divselect .h5{height: 100%;display: flex;align-items: center;padding: 0 .2rem;font-size: .22rem;color: #666666;position: relative;cursor: pointer;justify-content: space-between;}
.miso_form1 .divselect .h5 img{width: .18rem;margin-left:.1rem;}
.divselect_ul{background:#fff;text-align:center;padding:.1rem 0;display: none;box-shadow: 0px 9px 35px 0px rgba(0, 0, 0, 0.1);}
.divselect_ul li{font-size: 1rem;color: #666;line-height: 2.5;transition:.5s;cursor:pointer;}
.divselect_ul li:hover{color: #0e5da8;}
.miso_form1 .input{width: calc(100% - 1.68rem - .2rem);padding: 0 0.36rem;background: #fafcfe;border-radius: 5px;font-size: .16rem;color: #fff;letter-spacing: .05rem;float: left;}
.miso_form1 .input .input1{width: 100%;height: 100%;font-size: .16rem;color: #666666;padding: 0;}
.miso_form1 .right{width: 1.68rem;display: flex;align-items: center;height: 100%;position: relative;float: right;}
.miso_form1 .right .submit{width: 100%;height: 100%;background: #4e0008;border-radius: 5px; transition: .5s;}
.miso_form1 .right .submit .input{background: #b90417 url(../images/search_white1.png) 24% center no-repeat;width: 100%;height: .42rem;cursor: pointer;transition: .5s;border-radius: 5px;background-size: .2rem !important;font-size: .16rem;letter-spacing: 0;color: #fff;padding: 0 0 0 .3rem;}
.miso_form1 .right .submit .input:hover{background: #193f83 url(../images/search_white1.png) 24% center no-repeat;}
.miso_form1 .right:hover .submit{ background: #b90417}

/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.title001{ display: flex; justify-content: space-between; align-items: center; margin-bottom: .28rem;}
.title001 *{ transition: .5s}
.title001 .ll{position: relative;z-index: 1;height: .82rem;display: flex;align-items: center;}
.title001 .ll .bg{ position: absolute; left: 0; top: 0; bottom: 0}
.title001 .ll .bg img{ height: 100%}
.title001 .ll .big{ font-size: .4rem; color: #111111; margin: 0 .04rem 0 .1rem}
.title001 .ll .big font{ color: #193f83}
.title001 .ll .small{transform: translateY(-.2rem); }

.more001{position: relative;z-index: 1;padding: .03rem .02rem;}
.more001::before{content: "";position: absolute;bottom: 0;left: 0;right: 0;background: #27509a;opacity: .12;height: .09rem;border-radius: .045rem;z-index: -1;}
.more001::after{content: "";position: absolute;bottom: 0;left: 50%;right: 0;background: #b90417;opacity: .12;height: .09rem;border-radius: .045rem;width: 0;z-index: -1;}
.more001 .a{font-size: .16rem;color: #27509a;display: block;}
.more001 .a img{ margin-right: .04rem}
.more001 .a font{ display: inline-block; transform: translateY(.04rem);}

@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.container01 .content{ display: flex;}
.container01 .content .box{ width: 50%;}
.container01 .content .box:nth-child(2){ padding: 0 0 0 .24rem;}

.list2_box{width: calc((100vw - 15rem)/2 + 100%);margin-left: calc((15rem - 100vw)/2);}

.list2 li *{ transition: .5s;}
.list2 li .a{ display: block; position: relative;}
.list2 li .a .img .img_hezi{ padding-bottom: 5.4rem !important;}
.list2 li .a .top{ height: .6rem; background: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; bottom: 0; padding: 0 .5rem;}
.list2 li .a .top h5{font-size: .2rem;color: #fff;font-weight: bold;max-width: 70%;line-height: .6rem;}
.list2 .miso-dots{width: auto;right: .3rem;bottom: .225rem;}
.list2 .miso-dots li{ width: .12rem; height: .12rem; background: rgba(255,255,255,.36); border-radius: 50%; transition: .5s}
.list2 .miso-dots li.miso-active{ background: #fff}

.list3{ display: flex; margin: 0 -.1rem; flex-wrap: wrap}
.list3 li{ width: 50%; padding: 0 .1rem; margin-bottom: .3rem;}
.list3 li *{ transition: .5s;}
.list3 li .a{display: flex;background: #fff;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.08);padding: 0 .22rem;height: 1.76rem;flex-direction: column;justify-content: center;position: relative;z-index: 1;overflow: hidden;} 
.list3 li .a::before{content: "";position: absolute;top: 0;left: 0;height: .04rem;background: #27509a;width: 100%;}
.list3 li .a::after{content: "";position: absolute;top: 0;left: 0;height: .04rem;background: #b90417;width: 0;}
.list3 li .a .jianbian{ position: absolute; top: 0; right: 0; height: 0; left: 0; background-image: -moz-linear-gradient( 0deg, rgb(17,101,200) 0%, rgb(15,123,205) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(17,101,200) 0%, rgb(15,123,205) 100%); background-image: -ms-linear-gradient( 0deg, rgb(17,101,200) 0%, rgb(15,123,205) 100%); z-index: -1;}
.list3 li .a .bg{position: absolute;background: url(../images/list3_bg.png) center no-repeat;width: 1.05rem;height: .91rem;background-size: cover;right: 5%;bottom: 10%;z-index: -1;opacity: 0;}
.list3 li .a .jiao{position: absolute;background: url(../images/list3_j.png) center no-repeat;width: .24rem;height: .24rem;bottom: 0;right: 0;background-size: cover;z-index: -1;transform: translate(105%, 105%);}
.list3 li .a .top{ width: 100%; display: flex; align-items: center;}
.list3 li .a .top .time{width: .62rem;height: .62rem;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center; position: relative; z-index: 1}
.list3 li .a .top .time:before{ content:""; position:absolute; top: 0; right: 0; bottom:0; left:0; border: #27509a 1px dashed; border-radius: 50%; }
.list3 li .a .top .time h3{ font-size: .28rem; color:#27509a; font-family: Times New Roman}
.list3 li .a .top .time h6{font-size: .14rem;color:#27509a;font-family: Times New Roman;margin: .03rem 0;}
.list3 li .a .top .con{ width: calc(100% - .62rem); padding: 0 0 0 .2rem}
.list3 li .a .top .con h5{ font-size: .18rem; color:#000000; line-height: .3rem; height: .6rem\0}
.list3 li .a p{ font-size: .16rem; color: #888888; line-height: .28rem; height: .56rem\0; margin: .1rem 0 0;}

.list4{ margin: 0;}
.list4 li *{ transition: .5s;}
.list4 li .a{display: flex;height: .48rem;align-items: center;justify-content: space-between;}
.list4 li .a h5{font-size: .18rem;color: #111111;line-height: 1.25;width: calc(100% - 1rem);}
.list4 li .a span{display: inline-block;font-size: .16rem;color: #27509a;line-height: 1.25;font-family: Times New Roman;white-space: nowrap;}

.container01 .list4 li .a{ padding: 0 0 0 .22rem;}
.container01 .list4{ margin: -.1rem 0;}

.container02{ background: url(../images/container02_bg.jpg) center bottom no-repeat; background-size: cover;}
.container02 .wp{ display: flex;}
.container02 .wp .left{ width: 60%; padding: 0 2.8% 0 0;}
.container02 .wp .right{ width: 40%; padding: 0 0 0 2.8%;}


.list5{ display: flex; flex-wrap: wrap; margin: 0 -.25rem;}
.list5 li{ width: 50%; padding: 0 .25rem;}
.list5 li *{ transition: .5s;}
.list5 li .a{ display: block;}
.list5 li .a .img_box{ position: relative; z-index: 1; overflow: hidden}
.list5 li .a .img .img_hezi{ padding-bottom: 57% !important;}
.list5 li .a .img_box .time{position: absolute;top: .22rem;z-index: 1; line-height: .28rem; padding:0 .12rem 0 .1rem}
.list5 li .a .img_box .time font{ font-size: .15rem; color:#fff; font-family: Times New Roman}
.list5 li .a .img_box .time:before{ content:""; position: absolute; top:0; right:0; left: -.1rem; bottom: 0; background:#1166c8; z-index: -1; transform: skewX(30deg)}
.list5 li .a .con{border: #d9d9d9 1px solid;border-top: none;background: #fff;height: .96rem;display: flex;align-items: center;padding: 0 .24rem;position: relative;z-index: 1;}
.list5 li .a .con::before{content: "";position: absolute;bottom: -1px;left: 0;height: .04rem;background: #bfbfbf;width: 100%;}
.list5 li .a .con::after{content: "";position: absolute;bottom: -1px;left: 0;height: .04rem;background: #193f83;width: 0;}
.list5 li .a .con h5{ font-size: .19rem; color:#000000; line-height: .32rem; height: .64rem\0}

.container02 .list4{ margin: .25rem 0 0;}

.list6{ display: flex; flex-wrap: wrap;}
.list6 li{ width: 50%; text-align: center}
.list6 li *{ transition: .5s;}
.list6 li .a{ display: block; position: relative; z-index: 1;}
.list6 li .a .img_box{ position: relative; z-index: 1;}
.list6 li .a .img_box::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list6_top.png) center no-repeat; background-size: 100% 100%; opacity: .5;}
.list6 li .a .img .img_hezi{ padding-bottom: 92% !important;}
.list6 li .a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.list6 li .a .top .con h5{ font-size: .24rem; color:#fff; line-height: 1.25; margin: .25rem 0 .12rem}
.list6 li .a .top .con h6{ font-size: .16rem; color:#fff; opacity: 0; transform: translateY(.2rem);}

.container03{ background: url(../images/container03_bg.jpg) center bottom no-repeat; background-size: cover; position: relative; z-index: 1;}
.container03 .bgs{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; padding: 3% 0 0 12%; z-index: -1}
.container03 .bgs img{ max-width: 100%; -webkit-animation:play 15s linear infinite; -moz-animation:play 15s linear infinite; animation:play 15s linear infinite;}

.container03 .content{ display: flex; flex-wrap: wrap; align-items: center;}
.container03 .content .left{ width: 2.1rem;}
.container03 .content .right{ width: calc(100% - 2.1rem); padding: 0 0 0 .68rem;}
.list_bds1 .swiper-slide{    opacity: 0 !important;}
.list_bds1 .swiper-slide-active{    opacity: 1 !important;}
.list_tabs1 li{ width: 100%;}
.list_tabs1 li *{ transition: .5s;}
.list_tabs1 li .a{display: block;width: 1rem;text-align: center;}
.list_tabs1 li .a .img_box{ width: 1rem; height: 1rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1;}
.list_tabs1 li .a .img_box .line{position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #d23326 3px solid;z-index: -1;border-radius: 50%;transform: scale(.5);}
.list_tabs1 li .a .img_box::before{content: "";position: absolute;top: 4px;right: 4px;bottom: 4px;left: 4px;background: #fff;border-radius: 50%;z-index: -1;}
.list_tabs1 li .a .img_box::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff 1px solid; border-radius: 50%; z-index: -1;}
.list_tabs1 li .a .img_box .img:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(185, 4, 23, 0.8) url(../images/list_tabs1_top.png) center no-repeat;opacity: 0;border-radius: 50%;}
.list_tabs1 li .a .img_box .img{width: .87rem;height: .87rem;border-radius: 50%;}
.list_tabs1 li .a .img_box .img .img_hezi{ padding-bottom: 100% !important}
.list_tabs1 li .a h5{ font-size: .18rem; color: #000000; font-weight: bold; margin: .12rem 0 0}

.list_tabs1 li:nth-child(1), .list_tabs1 li:nth-child(4){ padding-left: 1.08rem}
.list_tabs1 li:nth-child(2){ margin-bottom: .2rem}

.list_tabs1 li.active .a .img_box::before{ transform: scale(0);}
.list_tabs1 li.active .a .img_box .img:after{ opacity: 1;}
.list_tabs1 li.active .a .img_box .line{ transform: scale(1);}
.list_tabs1 li.active .a .img_box::after{ transform: scale(.5);}

.list7{ display: flex; flex-wrap: wrap; margin: 0 -.16rem;}
.list7 li{ width: 20%; padding: 0 .16rem; margin-bottom: .24rem;}
.list7 li *{ transition: .5s}
.list7 li a{display: flex;height: .6rem;background: rgba(255,255,255,.8);padding: 0 .1rem;align-items: center;justify-content: center;text-align: center;position: relative;z-index: 1; overflow: hidden; }
.list7 li a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(39, 80, 154, 0.8) 1px dashed; z-index: -1;}
.list7 li a:after{content:"";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list7_bg.jpg) center no-repeat;opacity: 0;z-index: -1;transform: translateY(100%);}
.list7 li a h5{font-size: .18rem;color:#000000;line-height: 1.375;}

.title002{ margin-bottom: .4rem; text-align: center;}
.title002 h3{ font-size: .34rem; color: #000000;}
.title002 h6{ font-size: .2rem; color: #666666; line-height: 1.5; text-transform: capitalize; margin: .1rem 0 0;}

.container02 .list4 li .a span{ color: #999999;}

.container04{ background: url(../images/container04_bg.jpg) right bottom no-repeat; position: relative; z-index: 1; min-height: 100vh;}
.container04 .bg{ content: ""; position: absolute; z-index: -1; top: 0; right: 0;}

.title001 .ll .list_tabs2 .big{font-size: .24rem;color: #333;margin: 0 .04rem 0 .1rem;}
.title001 .ll .list_tabs2 .big font{color: #333;transition: 0s;}

.list_tabs2{display: flex;align-items: flex-end;}
.title001 .ll .list_tabs2 .active .big{ font-size: .4rem; color: #111111; }
.title001 .ll .list_tabs2 .active .big font{ color: #193f83}
.container04 .title001 .more001 .a{display:none;}
.container04 .title001 .more001 .a.active{display:block;}
.list_tabs2 .li{margin-right: .1rem;position: relative;cursor: pointer;height: .4rem;display: flex;align-items: flex-end;}
.list_tabs2 .li:last-child{ margin-right: 0;}
.list_tabs2 .li:before{content:"";position: absolute;width: .06rem;height: .06rem;background:#8e8e8e;border-radius:50%;right: -.1rem;bottom: .12rem;}
.list_tabs2 .li:last-child:before{ display: none}

.container04 .swiper-container{ padding: .2rem 0 .65rem;}
.list8{ display: flex; flex-wrap: wrap; margin: 0 -.16rem;}
.list8 li{ width: 25%; padding: 0 .16rem;}
.list8 li *{ transition: .5s;}
.list8 li .a{border: #e6e6e6 1px solid;background: #fff;height: 2.02rem;display: flex;align-items: center;padding: 0 .24rem;position: relative;z-index: 1;flex-direction: column;justify-content: center;overflow: hidden;}
.list8 li .a .bg1{position: absolute;background: url(../images/list8_bg.png) center;z-index: -1;width: 3.68rem;height: 3.68rem;top: 34%;left: 50%;background-size: 100% 100%;}
.list8 li .a::before{content: "";position: absolute;bottom: -1px;left: 0;height: .04rem;background: #bfbfbf;width: 100%;}
.list8 li .a::after{content: "";position: absolute;bottom: -1px;left: 0;height: .04rem;background: #b90417;width: 0;}
.list8 li .a h5{font-size: .18rem;color:#000000;line-height: .32rem;height: .64rem\0;width: 100%;}
.list8 li .a .bottom{width: 100%;display: flex;align-items: center;justify-content: space-between;margin: .3rem 0 0;}
.list8 li .a .bottom font{ font-size: .14rem; color: #193f83; font-family: Times New Roman;}
.more002 .a1{position: relative;padding: 0 .07rem 0 0;height: .2rem;display: flex;align-items: center;}
.more002 .a1 .ico{background: url(../images/list8_ico.png) center no-repeat;background-size: cover !important;width: .2rem;height: .2rem;position: absolute;right: 0;top: 0;}

.list9{ display: flex; flex-wrap: wrap; margin: 0 -.24rem;}
.list9 li{ width: 33.33%; padding: 0 .24rem;}
.list9 li *{ transition: .5s;}
.list9 li .a{ display: block; position: relative; z-index: 1;}
.list9 li .a .img .img_hezi{ padding-bottom: 42.70% !important; padding: 0 .32rem}
.list9 li .a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;/* align-items: center; */padding: 0 .32rem;}
.list9 li .a .top .title003{ width: 100%}
.more003{width: auto;display: flex; height: .33rem; padding: 0 .07rem;}
.more003 .a1{display: flex;line-height: .31rem;border: #fff 1px solid;border-radius: .17rem;align-items:center;justify-content: flex-start;padding: 0 .1rem;font-size: .16rem;color: #fff;}
.more003 .a1 svg{width: .18rem;height: .18rem;fill:#fff;margin: 0 .06rem 0 0;}

.title003{margin-bottom: .3rem;text-align: left; }
.title003 h3{ font-size: .3rem; color: #fff;}
.title003 h6{ font-size: .17rem; color: #fff; line-height: 1.5; text-transform: capitalize; margin: .08rem 0 0;}

.container04 .fl03{ display: flex; flex-wrap: wrap; margin: 0 -.28rem; padding: .75rem 0 .2rem;}
.container04 .fl03 .box{ width: 50%; padding: 0 .28rem;}
.container04 .fl03 .title001_box{ position: relative; z-index: 1;}
.container04 .fl03 .title001_box .img .img_hezi{ padding-bottom: 40.08% !important;}
.container04 .fl03 .title001_box .img:after{content: "";background: url(../images/title001_box_top.png) center bottom no-repeat;background-size: 100% auto;top: 0;right: 0;bottom: 0;left: 0;position: absolute;}
.container04 .fl03 .title001_box .top{position: absolute;bottom: 0;left: 0;right: 0;padding: 0 .32rem;z-index: 1;}
.container04 .fl03 .title001_box .top .title001{ margin-bottom: .2rem}

.container04 .fl03 .title001 .ll{ padding: .1rem 0 0;}
.container04 .fl03 .title001 .ll .big font, .container04 .fl03 .title001 .ll .big { color: #fff;}
.container04 .fl03 .more001::before{ background: rgba(255,255,255,1);}
.container04 .fl03 .more001{ margin-top: .2rem;}
.container04 .fl03 .more001 .a{ color: #fff;}
.container04 .fl03  .box{position:relative;}
.container04 .fl03 .bai_box{height: 3.4rem;background: #fff;padding: 0 .32rem;/* display: flex; */padding-top: .25rem !important;align-items: center;position: relative;}
.container04 .fl03 .more001{position:absolute;right: 0.55rem;bottom: 20px;}
.container04 .fl03 .box .more001 a{
	color:#333;
}
.list10{ width: 100%;}
.list10 li{ margin-bottom: .15rem;}
.list10 li *{ transition: .5s;}
.list10 li .a{display: flex;height: .68rem;box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.08);align-items: center;padding: 5px; position: relative; z-index: 1;}
.list10 li .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d00821 1px solid; opacity: 0;}
.list10 li .a .ll{width: 1.9rem;height: .55rem;background: #ebe6e5;display: flex;align-items: center;justify-content: center;font-size: .16rem;color: #333333;line-height: 1.375;position: relative;z-index: 1;text-align: center;padding: 0 .1rem;}
.list10 li .a .ll::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list10_ico.png) center no-repeat; background-size: auto 100%; z-index: -1;}
.list10 li .a .rr{ width: calc(100% - 1.9rem); padding: 0 0 0 .24rem}
.list10 li .a .rr h5{ font-size: .16rem; color: #333333; line-height: 1.5;}

.list10 li:last-child{ margin-bottom: 0;}

.list11{ width: 100%}
.list11 li *{ transition: .5s}
.list11 li a{ display: flex; height: .48rem; align-items: center; padding: 0 0 0 .28rem; position: relative;} 
.list11 li a::before{content: "";position: absolute;background: url(../images/list11_ico.png) center no-repeat;width: .12rem;height: .12rem;left: 0;top: 50%;margin: -.06rem 0 0;background-size: 100% 100% !important;}
.list11 li a h5{ font-size: .16rem; color: #333333; line-height: 1.5;}

.container04 .fl03 .bai_box .bg2{position: absolute;right: 4%;bottom: 7%;opacity: .28;}
.container04 .fl03 .bai_box .bg2 img{ width: 100%;}

.container05 .title001{ margin-bottom: .56rem;}
.container05 .wp1{ width: 16.7rem;}

.list12{ display: flex; flex-wrap: wrap; margin: 0 -.6rem;}
.list12 li{ width: 25%; text-align: center; padding: 0 .6rem;}
.list12 li *{ transition: .5s;}
.list12 li .a{ display: block; position: relative; z-index: 1;}
.list12 li .a .img_box{ position: relative; z-index: 1;}
.list12 li .a .img_box::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list12_top.png) center no-repeat; background-size: 100% 100%; opacity: .5;}
.list12 li .a .img .img_hezi{ padding-bottom: 166.26% !important;}
.list12 li .a .top{position: absolute;top: .36rem;left: .36rem;z-index: 1;display: flex;align-items: center;justify-content: center;}
.list12 li .a .top h3{ font-size: .22rem; color: #fff; width: .22rem; font-family: "Microsoft Yahei"; font-weight: bold; line-height: 1.1}

.list12 li:nth-child(1) .a{ margin: .56rem 0 0;}
.list12 li:nth-child(3) .a{ margin: .28rem 0 0;}
.list12 li:nth-child(4) .a{ margin: .68rem 0 0;}

.container06{padding: 0;overflow: hidden;background-size: cover;position: relative;background: #dae3ee;}
.container06 .wp{display: flex;justify-content: flex-end;height: 100%;align-items: flex-end;position: relative;}
.container06 .box{margin: 0;box-shadow: 0px 4px 18px 0px rgba(10, 70, 145, 0.31);background: #27509a;padding: .48rem .3rem .36rem;width: 4.4rem;position: relative;left: 50%;margin-left: calc(7.5rem - 4.4rem);z-index: 1000;}
.title004{margin-bottom: .2rem;text-align: center;background: url(../images/title004_bg.png) center no-repeat;height: .8rem;display: flex;align-items: center;justify-content: center;background-size: auto 100% !important;}
.title004 h3{font-size: .4rem;color: #fff;}

.list13 li{position: relative;margin-bottom: 1px;}
.list13 li .a{height: .5rem;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;cursor: pointer;}
.list13 li .a::before{content: "";position: absolute;right: 0;top: 0;bottom: 0;width: 100%;z-index: -1;transition: 0s;opacity: .15;background: #fff;}
.list13 li .a h3{font-size: .2rem;color: #fff;text-align: center;}
.list13 li .con{font-size: .16rem;color: #fff;line-height: .3rem;padding: .2rem .06rem;display: none;transition: 0s; position: relative}
.list13 li .con p{position: relative;padding: 0 0 0 .26rem;}
.list13 li .con p:nth-child(1){background: url(../images/list13_ico1.png) left .04rem no-repeat;}
.list13 li .con p:nth-child(2){background: url(../images/list13_ico2.png) left .06rem no-repeat;}
.list13 li .con a{display: inline-block;position: absolute;bottom: .2rem;right: 0;background: #27509a;padding: 0 0 0 .16rem; color: #ff001a; transition: .5s;}

.list13 li:nth-child(1) .con{ display: block;}
.list13 li.on .a::before{background: #c40000;width: 100%;opacity: 1;}
.list13 li.on .a h3{ color: #fff;}

#miso_map, .mymap{width: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.mymap {
    height: 100%;
    display: none;
}
.infoBox{ transform: translateY(-.2rem)}
.mymap .infoBox img {
    /* display: none !important; */
    width: 12px;
    height: 12px;
    margin: 8px !important;
    opacity: .5;
}
.mymap .infoBox .infoBoxContent {
    padding: .2rem;
    line-height: 18px;
    width: 260px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
}
.mymap .infoBox .infoBoxContent:before{content:"";position: absolute;left: 50%;border-left: transparent .1rem solid;border-right: transparent .1rem solid;border-top: #fff .1rem solid;bottom: -.1rem;margin-left: -.1rem;-webkit-filter: drop-shadow(0 2px 3px rgba(0,0,0,.1));filter: drop-shadow(0 2px 3px rgba(0,0,0,.1));}
.mymap .infoBox .infoBoxContent h3{ font-size: 18px; font-weight: bold; line-height: 1.5}
.mymap .infoBox .infoBoxContent h6{ font-size: 14px; color:#999; line-height: 1.375; margin: .06rem 0 0}
.mymap.on {
    display: block;
}

footer{background: url(../images/footer_bg.jpg) center no-repeat;background-size: cover;min-height: 2rem;overflow: hidden;}
footer .fl01{ background: rgba(255,255,255,.1);}
footer .fl01 .wp{ display: flex; flex-wrap: wrap;}
footer .fl01 .left{width: 1.32rem;position: relative;z-index: 1;font-size: .24rem;color: #fff;display: flex;align-items: center;}
footer .fl01 .left::before{content: "";position: absolute;right: 0;top: 0;bottom: 0;background: #c70b1e;width: 100vw;z-index: -1;border-radius: 0 .36rem .36rem 0;}
footer .fl01 .right{width: calc(100% - 1.32rem);padding: .18rem 0 .18rem .4rem;}

.list14{display: flex;flex-wrap: wrap;}
.list14 li{font-size: .18rem;color: #fff;margin-right: .48rem;line-height: 2.25;transition: .5s;white-space: nowrap;}

footer .fl02{ padding: .6rem 0;}
footer .fl02 .wp{width: 18.2rem; display: flex; align-items: center; justify-content: space-between;}
footer .fl02 .left{ display: flex;}
footer .fl02 .left .ll{ padding: 0 .4rem 0 0; margin: 0 .28rem 0 0; position: relative;}
footer .fl02 .left .ll::before{ content: ""; position: absolute; right: 0; width: 1px; top: .1rem; bottom: .1rem; background: rgba(255,255,255,.3);}
footer .fl02 .left img{margin-bottom: .2rem;width: 3.87rem;}
footer .fl02 .left .ll p{ font-size: .14rem; color: #fff; line-height: 1.5;}
footer .fl02 .left .rr p{ font-size: .14rem; color: #fff; line-height: .36rem;}

footer .fl02 .center{ width: 3.8rem; max-width: 100%;}
.list15{ display: flex; flex-wrap: wrap; margin: 0 -7px; margin-bottom: -.14rem;}
.list15 li{ width: 50%; padding: 0 7px; margin-bottom: .14rem;}
.list15 li *{ transition: .5s;}
.list15 li a{ display: flex; height: .52rem; border: rgba(255,255,255,.29) 1px solid; padding: 0 .17rem; align-items: center; font-size: .16rem; color: #fff;}
.list15 li a img{ margin: 0 .14rem 0 0;}

.list16{ display: flex;}
.list16 li{ margin-left: .2rem; text-align: center;}
.list16 li .img img{ width: .9rem; height: .9rem;}
.list16 li h6{ font-size: .14rem; color: #fff; line-height: 1.5; margin: .1rem 0 0;}
.list16 li:first-child{ margin-left: 0;}

.fanhui_box{position: fixed;right: 0;top: 50%;transform: translateY(-50%);width: .95rem;z-index: 1000;padding: 0;text-align: center;transition: .5s;border-radius: .4rem;/* overflow: hidden; */box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.1);}
.fanhui_box:before{content:"";position:absolute;top: 0;left:0;right: 0;bottom:0;background:#fff;z-index: -1;box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.1);border-radius: .4rem;}

.fanhui_box ul{padding: 0;}
.fanhui_box ul li {position:relative;}
.fanhui_box ul li *{transition: .5s;}
.fanhui_box ul li a{ display: flex; height: .72rem; flex-direction: column; justify-content: center; text-align:center; align-items: center}
.fanhui_box ul li a .ico svg{ transition:0s; max-width: .3rem; max-height: .3rem; fill: #106eca}
.fanhui_box ul li a h5{font-size: .14rem;color:#27509a;font-weight:bold;margin: .08rem 0 0;}
.fanhui_box ul li .ewmbox{position:absolute;bottom:0;right:100%;display: none;background:#fff;padding:5px;}
.fanhui_box ul li:hover .ewmbox{display:block;}

#gotop1{ transition: .5s; cursor: pointer; display: flex; height: .82rem; flex-direction: column; justify-content: center; text-align:center; align-items: center}
#gotop1 .ico svg{ max-width: .3rem; max-height: .3rem; fill: #106eca}
#gotop1 h5{font-size: .14rem;color:#27509a;font-weight:bold;margin: .08rem 0 0;}

.fanhui_box.hide{ opacity: 0; visibility: hidden;}
.fanhui_box ul li:hover a{ background: #1072cb}
.fanhui_box ul li:hover a .ico svg{ fill:#fff}
.fanhui_box ul li:hover a h5{ color:#fff}

#gotop1:hover{ background: #1072cb}
#gotop1:hover .ico svg{ fill:#fff}
#gotop1:hover h5{ color:#fff}

.n_padding1{ padding: .88rem 0; overflow: hidden;}
.zdxk .fl01{ background: url(../images/zdxk_fl01_bg.jpg) center no-repeat; background-size: cover;}

.n_public h2.kslm{margin-bottom: .56rem;padding-bottom: .4rem;}
.n_public h2.kslm:after{width: .45rem;height: .06rem;margin-left: -.225rem;}

.list_zdxk1{ display: flex; flex-wrap: wrap; margin: 0 -.1rem; margin-bottom: -.4rem;}
.list_zdxk1 li{width: 20%;padding: 0 .1rem;margin-bottom: .4rem;}
.list_zdxk1 li *{ transition: .5s}
.list_zdxk1 li .a{ text-align: center; display: block;}
.list_zdxk1 li .a .ico{ display: flex; width: 1.23rem; height: 1.23rem; position: relative; z-index: 1; margin: 0 auto; }
.list_zdxk1 li .a .ico img.img2{ width: 0; transform: scale(0);}
.list_zdxk1 li .a .ico::before{ content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: 50%; background: #1266c8; transform: scale(0); opacity: 0;}
.list_zdxk1 li .a .ico:after{ content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: 50%; border: #1266c8 1px dashed}
.list_zdxk1 li .a h5{ font-size: .24rem; color: #333333; line-height: 1.5; margin: .12rem 0 0}\



.zdxk .fl02{ background: url(../images/zdxk_fl02_bg.jpg) center no-repeat; background-size: cover;}
.list6s li .a .img_box::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list6s_top.png) center no-repeat;background-size: 100% 100%;opacity: 0;}
.list6s li .a .img .img_hezi{ padding-bottom: 44.8% !important;}
.list6s li .a .top .con h5{ font-weight: bold;}

.zdxk .fl03w{background: url(../images/zdxk_fl03w_bg.jpg) center no-repeat;background-size: cover;padding: .5rem 0 0;}
.zdxk .fl03 .wp{ display: flex; flex-wrap: wrap; align-items: center;}
.more004 a{display: flex;align-items: center;font-size: .3rem;color: #333333;font-weight: bold;}
.more004 a svg{width: .36rem;height: .36rem;fill:#1266c8;transform: rotateY(180deg);margin: 0 .1rem 0 0;}

.zdxk .fl03 .left{ width: 50%;}
.zdxk .fl03 .right{width: 50%;transform: translateX(1rem);}
.zdxk .fl03 .left .box{ margin-bottom: .8rem;}
.zdxk .fl03 .left h2.kslm{text-align: left;padding-bottom: .4rem;}
.zdxk .fl03 .left h2.kslm:after{ margin-left: 0; left: 0;}

.zdxk .fl04{ margin-top: -.3rem}
.zdxk .fl04 .content{ background: url(../images/zdxk_fl04_bg.jpg) center no-repeat; background-size: cover; padding: .46rem 0;}
.zdxk .fl04 .content h2.kslm{ color: #fff;}
.zdxk .fl04 .content h2.kslm:after{ background: #fff;}

.list_zdxk2{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;width: 11.8rem;max-width: 100%;}
.list_zdxk2 li{ width: 33.33%;}
.list_zdxk2 li *{ transition: .5s;}
.list_zdxk2 li .a .ico{display: flex;width: 1.26rem;height: 1.26rem;position: relative;z-index: 1;margin: 0 auto;}
.list_zdxk2 li .a .ico img.img1{display:none;}
.list_zdxk2 li .a .ico img.img2{ width: auto; transform: scale(1);}
.list_zdxk2 li .a h5{font-size: .24rem;color: #fff;line-height: 1.5;margin: .12rem 0 0;text-align: center; font-weight: bold;}


.list_zdxk3{ display: flex; margin: 0 -.1rem; flex-wrap: wrap; margin-bottom: -.4rem;}
.list_zdxk3 li{ width: 16.66667%; padding: 0 .1rem; margin-bottom: .4rem;}
.list_zdxk3 li *{ transition: .5s}
.list_zdxk3 li .a{display: flex;position: relative;z-index: 1;width: 100%;height: .58rem;align-items: center;justify-content: center;border-radius: .08rem;overflow: hidden;text-align: center;}
.list_zdxk3 li .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/list_zdxk3_bg.jpg) center no-repeat; background-size: cover; opacity: 0;}
.list_zdxk3 li a::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d9d9d9 1px solid; border-radius: .08rem;}
.list_zdxk3 li .a h5{font-size: .24rem;color:#333333;line-height: 1.25;}
.list_zdxk3 li.on .a{ padding: 0 .3rem;}
.list_zdxk3 li.on .a h5{ font-size: .14rem; color: #333333; line-height: 1.5;}


.zdxk .fl06{ background: url(../images/zdxk_fl06_bg.jpg) center no-repeat; background-size: cover;}

.list_zdxk4{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;max-width: 100%;}
.list_zdxk4 li{width: 16.66%;text-align: center;}
.list_zdxk4 li *{ transition: .5s;}
.list_zdxk4 li .a{/* display: flex; *//* flex-direction: column; *//* justify-content: center; *//* align-items: center; */width: 2.05rem;height: 1.95rem;position: relative;z-index: 1;margin: 0 auto;padding: .2rem .1rem;display: block;}
.list_zdxk4 li .a::before{content: "";position: absolute;width: 100%;height: 0;right: 0;bottom: 0;left: 0;background: url(../images/list_zdxk4_bg.jpg) center no-repeat;background-size: cover;z-index: -1;transition: .5s;transform: scale(1);opacity: 0;}
.list_zdxk4 li .a .ico{display: flex;position: relative;/* height: 49px; */z-index: 1;margin: 0 auto;text-align: center;align-items: center;justify-content: center;}
.list_zdxk4 li .a .ico img.img2{ width: 0; transform: scale(0);}
.list_zdxk4 li .a h5{font-size: .24rem;color: #333333;line-height: 1.25;margin: .12rem 0 0;text-align: center;padding: .1rem 0 0;position: relative;}
.list_zdxk4 li .a h5:before{ content:""; position: absolute; top:0; left: 50%; width: .11rem; height: 2px; background: #1266c8; margin-left: -.055rem}

.profile{ position: relative; z-index: 1; background: #eff5ff;}
.profile .bg1{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/profile_bg1.jpg) center top no-repeat; background-size: 100% auto; z-index: -1;}
.profile .bg2{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/profile_bg2.jpg) center bottom no-repeat; background-size: 100% auto; z-index: -1;}
.profile .content{display: flex;flex-wrap: wrap;position: relative;z-index: 1;}
.profile .content:before{content:"";position: absolute;top: 0;right: 1.06rem;bottom: 0;width: 1px;background:#cdd2db;}
.profile .content .left{ width: 2rem;}
.profile .content .right{ width: calc(100% - 2rem); }
.profile .content .right_con{display: flex;flex-wrap: wrap;padding-bottom: .4rem;width: 100%;}
.profile .content .ll{ width: calc(100% - 1.06rem); padding: 0 .4rem 0 0;}
.profile .content .ll .ar_article p{text-indent: .36rem;text-align: justify;}
.profile .content .rr{width: 1.06rem;padding: .15rem 0 0 .22rem;position: relative;z-index: 1;}
.profile .content .rr h4{ font-size: .3rem; color:#1266c8; font-family: 华文行楷}
.profile .content .rr h3{font-size: .4rem;color:#1266c8;font-family: Arial;/* font-weight: bold; */white-space: nowrap;}
.profile .content .rr h3 span,.profile .content .rr h3 font{font-family: 华文行楷;display: block;width: 1rem;white-space: normal;}
.profile .content .rr:before{content:"";position: absolute;top: .34rem;right: 1.06rem;height: .3rem;width: 1px;background: #ffffff;}
.profile .content .rr:after{content:"";position: absolute;top: calc(.34rem + .1rem);right: calc(1.06rem - 3px);height: 7px;width: 7px;background: #90c2fa;border-radius: 50%;}

.list_profile1{display: flex;flex-wrap: wrap;margin: 0 -.18rem;margin-top: .4rem;}
.list_profile1 li{ width: 25%; padding: 0 .18rem;}
.list_profile1 li .a{display: flex;position: relative;border-radius: .1rem;overflow: hidden;}
.list_profile1 li .img .img_hezi{ padding-bottom: 50% !important;}
.list_profile1 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 .5rem;border-radius: .1rem;}
.list_profile1 li .top h5 big{ font-size: .44rem; color:#fff; font-family: arial; font-style: italic}
.list_profile1 li .top h5 small{ font-size: .15rem; color:#fff; margin-left: .1rem}
.list_profile1 li .top h6{ font-size: .16rem; color:#fff; line-height: 1.5; margin-top: .1rem}

.profile .content1 .right_con1{display: flex;flex-wrap: wrap;padding-bottom: .5rem;padding-top: .5rem;position: relative;}
.profile .content1 .right_con1:before{content: "";position: absolute;width: calc(100% - 1.06rem);left: 0;height: 1px;background:#cdd2db;top: 0;}
.profile .content1 .right_con1 .ll{ width: calc(100% - 1.06rem); padding: 0 .4rem 0 0;}
.profile .content1 .right_con1 .rr{ width: 1.06rem;}

.profile .content .ll.flex{ align-items: flex-end;}
.profile .content .ll.flex .ll_l{ width: calc(100% - 3.9rem); } 
.profile .content .ll.flex .ll_l .ar_article{ padding: 0 .4rem .4rem 0;}
.profile .content .ll.flex .ll_l .box{background: url(../images/list_profile2_bg.jpg) left bottom no-repeat;background-size: cover;border-radius: .1rem 0 0 .1rem;}
.profile .content .ll.flex .rr_r{ width: 3.9rem;}
.profile .content .ll.flex .rr_r img{ width: 100%}

.list_profile2{ padding: .2rem 0;}
.list_profile2 li{ width: 33.33%; margin: .14rem 0; padding: 0 .6rem; position: relative;}
.list_profile2 li::before{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: #2a76ce;}
.list_profile2 li h5 big{ font-size: .44rem; color:#fff; font-family: arial; font-style: italic}
.list_profile2 li h5 small{ font-size: .15rem; color:#fff; margin-left: .1rem}
.list_profile2 li h6{ font-size: .16rem; color:#fff; line-height: 1.5; margin-top: .1rem}

.list_profile3{ margin: .8rem 0}
.list_profile3 li *{ transition: .5s;}
.list_profile3 li .a{ display: block;}
.list_profile3 li .img .img_hezi{ padding-bottom: 65% !important;}
.list_profile3 li.swiper-slide-active .a{ transform: scale(1.25); position: relative; z-index: 10;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/



/*==========================================内页 结束=============================================*/

/*aos="fade-up" aos-duration="1200"*/